<template>
  <div class="banner">
    <div class="banner-menu">
      <ul>
        <div class="banner-ul">
          <li class="banner-menu-child" v-for="item in bannerInfo.slice(0,10)" :key="item">
            <div>{{item.name}}</div>
            <div><i class="iconfont icon-youjiantou"></i></div>
			<div class="banner-menu-detail">
				{{item}}
			</div>
          </li>
       
        </div>
      </ul>
    </div>
    <div class="banner-carousel">
      <el-carousel height="460px">
        <el-carousel-item v-for="(item, index) in img" :key="index">
          <img :src="item" width="100%" height="100%" alt="" />
        </el-carousel-item>
      </el-carousel>
    </div>
  </div>
</template>

<script lang="ts" src="./banner.ts" />
<style lang="scss" src="./banner.scss" />
